<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
	<title>娱管家</title>  
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="x5-orientation" content="portrait">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Access-Control-Allow-Origin" content="">
	<meta http-equiv="content-security-policy">
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<!--mui样式-->
	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/app.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.picker.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.picker.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/mui/mui.poppicker.css"/>
	<link rel="stylesheet" href="css/mui/mui.imageviewer.css">
	<!--环信-->
	<script type="text/javascript" src="js/hx/strophe.js" ></script>
	<script type="text/javascript" src="js/hx/websdk-1.1.2.js"></script>
	<script type="text/javascript" src="js/hx/websdk.config.js"></script>
	<script type="text/javascript" src="js/hx/websdk.shim.js"></script> 
	<script type="text/javascript" src="js/bq.js"></script> 
	<!--环信-->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yWnFso0oyjmX79HzCx1DRz2sBtvweQfI"></script>
	<link rel="stylesheet" href="css/loding/fakeLoader.css"/>
	<!--头像上传-->
	<link rel="stylesheet" href="css/cropper.css"/>
	<script src="js/cropper.js"></script>
	<!-- 公共样式与字体  -->
	<link rel="stylesheet" href="css/public.css"/>
	<link rel="stylesheet" type="text/css" href="icon-font/iconfont.css"/>
	<!-- 定制样式   -->
	<link rel="stylesheet" href="css/style.css"/>
	<link rel="stylesheet" href="css/bq.css" />
	<link rel="stylesheet" type="text/css" href="css/NewStyle.css"/>
	<!-- Swiper 样式  -->
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" href="css/appstyle.css" />

	<!-- 微信分享 -->
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
</head>
<body>
	<div class="App">
		<span>娱管家</span>
		<button>下载APP</button>
	</div>
	<div class="pHead mui-navbar-inner mui-bar mui-bar-nav header_1">
		<h2>商品详情</h2>
	</div>
	<div class="pBody Shop mui-page-content" style="background-color: #f4f4f4;">
		
	<!--商品详情 Start-->
					<div class="pBody P_D_M mui-page-content" id="">
						<div id="Details">
							<div id="detialBannerBox"></div>
							<div class="P_D_main relative">
								<p class="describe"></p>
								<p class="J_G clearfix">
									<span></span>
									<span class="XL"></span>
								</p>
								<div class="color3">
									<p class="title">
										<span class="iconfont icon-jinlingyingcaiwangtubiao62-copy"></span>
										<span>商品详情</span>
									</p>
									<div class="shop_content"></div>
								</div>
								<div class="commodity_evaluate" id="Commodity_Evaluta">
									<p class="evalute_title">
										<span class="iconfont icon-pingjia"></span>
										<span>评价</span>
									</p>
								</div>
								<div style="overflow: hidden;height: 1rem;"></div>
							</div>
						</div>
						<ul class="P_D_footer">
							<li id="shopcart" type="gwc">
								<span class="iconfont icon-car"></span> 加入购物车
							</li>
							<li id="buy" type="gm">立即购买</li>
						</ul>
						<div class="G_W_C_rgba"></div>
					</div>
				<!--商品详情 End-->

	</div>
	<script src="js/muijs/mui.min.js"></script>
	<script src="js/muijs/mui.picker.min.js"></script>
	<script src="js/muijs/mui.poppicker.js"></script>
	<script src="js/base.js"></script>
	<script src="js/swiper.min.js"></script>
	<script type="text/javascript">
//	    var share_link = location.href;
//		var share_data = {
//	        title: '娱管家 ',// 设置分享标题
//	        desc: '华成休闲茶室,上海市上海市闵行区梅陇镇虹梅南路2555弄3号102室',// 设置分享描述
//	        link: share_link,// 设置分享链接
//	        img: 'http://www.yuzhuli.com/Public/upload/image/170429_015749_8761.jpg'// 分享图片
//	    };
//		
	     function getCache(key){
				if(localStorage.getItem(key)){
					return JSON.parse(localStorage.getItem(key));
				}else{
					return false;
				}
			}
	      function GetQueryString(name){
		     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
		     var r = window.location.search.substr(1).match(reg);
		     if(r!=null)return  unescape(r[2]); return null;
		}
	      
        function initLBT(boxId,dataList,datavideo,video_cover){
			$('#'+boxId).empty();
			$('#'+boxId).html('<div class="swiper-container swiper_'+boxId+'"><div class="swiper-wrapper SwiperImg_'+boxId+'" style="font-size: 0;"></div><div class="swiper-pagination SwiperSpot_'+boxId+'"></div></div>');
			var html = '';
			if(datavideo){
			    html += '<div class="swiper-slide" style="text-align:center"><video src="'+datavideo+'"	poster="'+video_cover+'"  preload="auto"   webkit-playsinline="true" playsinline="true" controls="controls" style="height:4rem;max-width:100%"	preload="metadata"></video></div>';
			}
			$.each(dataList,function(i,d){
				html += '<div class="swiper-slide"><img src="' + d + '"></div>';
			});
			$('.SwiperImg_'+boxId).html(html);
			LBT('.swiper_'+boxId,'.SwiperSpot_'+boxId);
		}
	    function LBT(swiper1,swiper2) {
			//轮播图
			var swiper = new Swiper(swiper1, {
				pagination: swiper2,
				paginationClickable: true,
				loop:true
			});
			swiper.update();
		}
		//1.点击跳转下载页面
		var token = GetQueryString('token');
		console.log(token)
//      var token = 'cid158501893689322';
		$('#buy').unbind('click').on('click',function(){
			location.href = 'http://www.yuzhuli.com/Share/erweima.html?id='+token;
		});
		$('#shopcart').unbind('click').on('click',function(){
			location.href = 'http://www.yuzhuli.com/Share/erweima.html?id='+token;
		});
		$('.App button').unbind('click').on('click',function(){
			location.href = 'http://www.yuzhuli.com/Share/erweima.html?id='+token;
		});
		
//开始
//商品详情
        var token2 = getCache('token');
		var parm = GetQueryString('id')||15594;
//		var url2 = 'http://www.yuzhuli.com/api.php/Api/check_product_buy';
		var url3 = 'http://www.yuzhuli.com/api.php/Api/pro_info';
//		$.post(url2,{id:198,token:"cid158501893689322"},function(res){
//	   	console.log(res.s)
//			if (res.s) {
//				is_buy = res.is_buys[id];
//			} else {
//				mui.toast(res.m);
//			}
			 $.post(url3,{id:parm},function(obj){
			 		console.log(obj.s)
			 			if (obj.s) {
					is_discount = obj.is_discount;
					if (obj.is_discount) {
						$(".shop_discount").show();
					} else {
						$(".shop_discount").hide();
					}
					var data = obj.d;
				    initLBT('detialBannerBox', data.showimg);
					$('.describe').text(data.ds);
					$('.J_G span:first').text("￥" + data.price);
					$('.XL').text("销量" + data.sales);
					$('.shop_content').empty();
					$('.shop_content').append(data.content);
					$('.shop_img').css({
						"background-image": 'url(' + data.listimg + ')'
					});
//					var _price = data.price;
//					if (is_buy && is_discount) {
//						_price = _price * product_discount;
//					}
//					$('.shop_pic').attr('pic', data.price);
//					$('.shop_pic').text("￥" + Number(_price).toFixed(2));
//					$('#Eject_class').empty();
//					$('.btn').attr('pid', data.id);
//					var htmlb = "";
////					htmlb += '<li >颜色分类</li>';
//					$.each(data.pro_attr, function (i, d) {
//						htmlb += '<li dif="' + d.dif + '" did="' + d.id + '" panum="' + d.num + '">' + d.name + '</li>';
//					});
					var k = "";
					$.each(data.pinglun_info, function (i, d) {
						k += '<div class="block2 clearfix"><div class="left"><p style="padding-top:0.2rem">' + d.nickname + '</p><p style="padding-top:0.2rem">' + d.content + '</p></div><p class="fl-left" style="padding-top:0.2rem"><span style="letter-spacing: 0.02rem;">' + d.ctime + '</span></p>';
						if (d.ping_img != "") {
							k += '<p class="fl-left img" style="">';
							$.each(d.ping_img, function (ii, dd) {
								k += '<i style="background-image:url(' + dd + ')"></i>';
							})
							k += '</p>';
						}
						k += '</div>';
					});
					$("#Commodity_Evaluta .block2").remove();
					$("#Commodity_Evaluta").append(k);
					$("#Commodity_Evaluta").find(".block2:nth-last-child(1)").css("border-bottom", "none");

					$("#Details").height($(window).height() - $(".header_1").height()).addClass('scroll');

//					$('#Eject_class').append(htmlb);
//					//选择颜色分类
//					$(".G_W_C_Eject .main li").unbind('click').click(function () {
//						$('.G_W_C_Eject .main').css("border", "0px");
//						$(".G_W_C_Eject .main li").removeClass("cli");
//						$(this).addClass("cli");
//						var panum = $(this).attr("panum");
//						$('.number').attr('num', panum);
//						var t = $('.cli').attr("dif");
//						$('.shop_pic').text("￥" + (parseFloat(data.price) + parseFloat(t))).attr("pic", (parseFloat(data.price) + parseFloat(t)));
//						jg();
//					});

				}
			 })
//		})
		

//结束
		
		
	    
	  
		
//	    var ApiList = [
//	        'onMenuShareTimeline',
//	        'onMenuShareAppMessage',
//	        'onMenuShareQQ',
//	        'onMenuShareQZone',
//	        'onMenuShareWeibo',
//	    ];	
//	    
//	    function wx_share(data, callback) {
//	        // 分享到朋友圈
//	        wx.onMenuShareTimeline({
//	            title: data.title, // 分享标题
//	            link: data.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//	            imgUrl: data.img, // 分享图标
//	            success: function () {
//	                // 用户确认分享后执行的回调函数
//	            },
//	            cancel: function () {
//	                // 用户取消分享后执行的回调函数
//	            }
//	        });
//	        // 分享给朋友
//	        wx.onMenuShareAppMessage({
//	            title: data.title, // 分享标题
//	            desc: data.desc, // 分享描述
//	            link: data.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//	            imgUrl: data.img, // 分享图标
//	            type: '', // 分享类型,music、video或link，不填默认为link
//	            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
//	            success: function () {
//	                // 用户确认分享后执行的回调函数
//	            },
//	            cancel: function () {
//	                // 用户取消分享后执行的回调函数
//	            }
//	        });
//	        wx.onMenuShareQQ({
//				title: data.title, // 分享标题
//				desc: data.desc, // 分享描述
//				link: data.link, // 分享链接
//				imgUrl: data.img, // 分享图标
//				success: function () {
//				// 用户确认分享后执行的回调函数
//				},
//				cancel: function () {
//				// 用户取消分享后执行的回调函数
//				}
//			});
//			wx.onMenuShareQZone({
//				title: data.title, // 分享标题
//				desc: data.desc, // 分享描述
//				link: data.link, // 分享链接
//				imgUrl: data.img, // 分享图标
//				success: function () {
//				// 用户确认分享后执行的回调函数
//				},
//				cancel: function () {
//				// 用户取消分享后执行的回调函数
//				}
//			});
//			wx.onMenuShareWeibo({
//				title: data.title, // 分享标题
//				desc: data.desc, // 分享描述
//				link: data.link, // 分享链接
//				imgUrl: data.img, // 分享图标
//				success: function () {
//				// 用户确认分享后执行的回调函数
//				},
//				cancel: function () {
//				// 用户取消分享后执行的回调函数
//				}
//			});
//	    }	
//	    var shareCallback = function (type, status) {
//			
//	    }	
//	    var wxConfigCallback = function () {
//	        wx_share(share_data, shareCallback);	        
//	    }	
//	    
//	    wx.error(function (res) {
//	        console.log(JSON.stringify(res));
//	        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
//	    }); 
	</script>
	<script src="./js/muijs/mui.previewimage.js"></script>
	<script src="./js/muijs/mui.zoom.js"></script>
	<script type="text/javascript" charset="utf-8">
		mui.previewImage();
	</script>
</body>
</html>
